// CSS Style Guide: https://codeguide.co/#css

// https://stylus-lang.com/docs/keyframes.html
vendors = official
$scheme = hexo-config('scheme') ? hexo-config('scheme') : 'Muse'
// Variables Layer
// --------------------------------------------------
@import '_variables/base'
@import '_variables/' + $scheme
for $inject_variable in hexo-config('injects.variable')
  @import $inject_variable
// Mixins Layer
// --------------------------------------------------
@import '_mixins'
for $inject_mixin in hexo-config('injects.mixin')
  @import $inject_mixin
// Dark mode colors
// --------------------------------------------------
@import '_colors'
// Common Layer
// --------------------------------------------------

// Scaffolding
@import '_common/scaffolding'
// Layout
@import '_common/outline'
// Components
@import '_common/components'
// Schemes Layer
// --------------------------------------------------
@import '_schemes/' + $scheme
// Custom Layer
// --------------------------------------------------
for $inject_style in hexo-config('injects.style')
  @import $inject_style


@import 'details.styl';
.tips
  padding-left 10px
  background-color rgba(52, 152, 219, 0.3)
  border-left 4px solid rgb(52, 152, 219)
  color darken(rgb(52, 152, 219), 20%)
.success
  padding-left 10px
  background-color rgba(46, 204, 113, 0.3)
  border-left 4px solid rgb(46, 204, 113)
  color darken(rgb(46, 204, 113), 20%)
.warning
  padding-left 10px
  background-color rgba(241, 196, 15, 0.3)
  border-left 4px solid rgb(241, 196, 15)
  color darken(rgb(241, 196, 15), 20%)
.danger
  padding-left 10px
  background-color rgba(231, 76, 60, 0.3)
  border-left 4px solid rgb(231, 76, 60)
  color darken(rgb(231, 76, 60), 20%)
// 天气
#tp-weather-widget .sw-container
  left unset
  right 10px
  top unset
  bottom 28vh
  z-index 999999